<template>
  <div class="navBar">
    <nav>
      <router-link to="/" class="active">购物车</router-link>
      <router-link to="/user">我的</router-link>
    </nav>
  </div>
</template>

<script>
  export default {
    name:'NavBar'
  }
</script>

<style  scoped>
.navBar{
  width: 100%;
  position: fixed;
  bottom: 0;
}
nav{
  margin: 0 5px;
  background-color: #fff;
  border-top: 1px solid #000;
  display: flex;
  flex-direction: row;
}
nav a{
  width: 100%;
  text-align: center;
  color: #F18741;
  text-decoration: none;
}
.active{
  background-color: #FEF5EF;
}
</style>